<html>
	<head>
		<title>PKU PIGW Options</title>
		<script type="text/javascript" src="jquery.min.js"></script>
		<script type="text/javascript" src="util.js"></script>
		<script type="text/javascript" src="ipgw.js"></script>
		<script type="text/javascript" src="options.js"></script>
		<style>
			.section-header {
			  background:#ebeff9;
			  border-top:1px solid #b5c7de;
			  padding:1px 3px;
			  font-weight:bold;
			}
		</style>			
	</head>

<body>
	<div id="banner">
		<h1><img src="icon.png" width="96" height="96"></img>&nbsp;<span>PKU IPGW Chrome Extension</span></h1>
	</div>
	<div id="options">
		<div class="section-header">Options</div>
		<p>
		<table>
			<tr>
				<td>Username:</td>
				<td><input type="text" id="username"/></td>
			</tr>
			<tr>
				<td>Password:</td>
				<td><input type="password" id="password"/></td>
			</tr>
			<!-- <tr> -->
			<!-- 	<td>Timeout:</td> -->
			<!-- 	<td><input type="text" id="timeout" maxlength="3" size="3"/>s</td> -->
			<!-- </tr> -->
		</table>
		</p>

		<p>
		<button id="btn_save">Save</button>
		</p>

		<p>
		  <button id="btn_lasterr">Show Last Error</button>
		</p>
		<!-- <div id="status"></div> -->
	</div>

	<div id="link">
		<div class="section-header">Links</div>

		<p>
		<a href="https://its.pku.edu.cn/index.htm">IT Service@Peking University</a>
		</p>

		<p>
		<a href="http://code.google.com/p/ipgw-pku-chrome-extension/">The homepage of this extension.</a>
		</p>
	</div>
</body>

</html>

